@charset "utf-8";
/* CSS Document */



/*ipad 横向样式*/
@media only screen and (min-width: 956px) and (max-width: 1268px)
{}





/* ipad 竖向样式 */
@media only screen and (min-width: 750px) and (max-width: 1000px)
{}












 
 /*手机站样式开始*/
@media screen and (max-width:740px)
{

banner .flickerplate{height:auto;width: 100%; left:0;}
banner .flickerplate ul.flicks>li{ height:auto;}
banner .flickerplate ul.flicks>li .flick-inner .flick-content{ height:auto;}
banner .flickerplate ul.flicks>li b{display: none;}

footer{ padding: 3% 1% 3%;}
footer one{margin-bottom: 1em;    margin-top: 1em;}
footer one left{ width:90%;}
footer one left p, footer one center p{line-height: 1;    display: block;overflow: HIDDEN; margin-bottom: 0.5em;}
footer one left p img, footer one center p img{ width: 14px;margin-right: 0.2em;float: left;}
footer one left p b, footer one center p b{font-size: 0.8em;    line-height: 1;    float: left;display: block;width: 90%;}
footer two{ font-size: 0.7em;line-height: 1.4;padding: 1em 0;text-align: left;}
footer div{ font-size: 0.6em;}
footer one right{      display: none;}
footer one right img{ width: 160px;float: left;}
.page-contact left .baidu-map{ height:30em; }
.page-contact bottom{width: 98%;    margin-bottom: 1em;}
.page-contact bottom dl{ width: 90%;margin: 0 auto 0.5em ;float: none;overflow: hidden;}
.page-contact bottom dl p{ float: left;}
.page-contact bottom dl b{ line-height: 2em;padding: 0; font-size: 0.96em;text-align: left;float: left;width: 80%;margin-left: 5%;border: 0;}
.page-contact bottom dl:hover b{border: 0;}
.page-contact bottom dl p c{ border-radius: 50%;font-size: 0.8em;line-height: 2em;}

.page-contact right{ width: 98%;    margin-bottom: 2em;}
.page-contact right form{ width: 100%;}
.page-contact right form input{ height: 1.8em;font-size: 0.8em;line-height: 1.8em;}
.page-contact right form textarea{ height: 3.8em;font-size: 0.8em;line-height: 1.8em;}
.page-contact right form p input{ width: 30%;font-size: 0.8em;    padding: 0;}
.page-contact right dl{ width: 100%;}
.page-contact right dl b{ font-size: 1em;font-weight: bold;margin-bottom: 0.2em;}
.page-contact right dl c{ font-size: 0.8em;}

.page-contact left{margin-bottom: 2em;    height: 30em;}
.page-contact left .txt{ width: 70%;top: 5%;    height: auto;     padding-bottom: 5%;}
.page-contact left .txt p{ padding:4% 4% 0 4%;}
.page-contact left .txt p b{ font-size: 1em;}
.page-contact left .txt p e{ font-size: 0.8em;display: block;}
.page-contact left .txt p c,.page-contact left .txt p j{ float: none;width: 100%;font-size: 0.8em;}

.page-news .page-news-list{ width:98%; margin: 1%;}
.page-news .page-news-list dl{ width: 100%; border-bottom: 1px solid #BEA388;margin-bottom:1em;padding: 0 4%;}
.page-news .page-news-list dl left{width: auto;height:auto; border: 0; padding: 0;}
.page-news .page-news-list dl left b{display: inline-block;font-size: 0.8em;    letter-spacing: 1px;}
.page-news .page-news-list dl left c{display: inline-block; font-size:0.8em;}
.page-news .page-news-list dl center{width: 100%;margin-top: 0;text-align: left;}
.page-news .page-news-list dl center p{ font-size: 1em;margin: 0;}
.page-news .page-news-list dl center c{ display: block;float: none;margin-left: 0; margin: 0;}
.page-news .page-news-list dl:hover p{ border:0;}

.page-news dt span,.page-news dt a{    margin-right: 1em;padding: 0.8% 2%;}
.page-news .page-news-banner{padding-top: 80px;}
.page-news .page-news-banner b{font-size: 1.4em;}
.page-news .page-news-banner c{margin-bottom: 2em;}

.top{ background-color: #131212;border-bottom: 1px solid #000;}
.moible-menu li{ border:0;}
.page-news .page-news-list tit b{    font-size: 1.2em;}
.page-news .page-news-list tit p,.page-news .page-news-list div{ width:100%;}
.page-news .page-news-list .jiathis_style{    width: 100%;    margin-top: 1em;}
.page-news .page-news-list div p{ font-size:0.9em; }
.show-link ul li{    width: 100%;}
.show-link ul li c,.case-show-tit left g,.case-show-tit left a{ display:none; }

.case-list dl{ width: 44%;height: 7em;}
.case-list dl p  b{font-size: 1em;    left:1%; display: block;width: 100%;}
.case-list dl p  e{ left:1%; }
.case-list dl p  c{ left:1%; }
.case-list dl:hover p b{   bottom:5em;  font-size: 1em;}
.case-list dl:hover p e{ bottom: 4em;}
.case-list dl:hover p c{    bottom: 3em;}

.page-case tit h1{    letter-spacing: 0.3em;font-size: 1em;margin-left: 10%;}
.page-case tit h2{margin-left: 10%;    font-size: 1.6em;letter-spacing: 0.5em;}
.page-case tit h3{margin-left: 10%;}
.page-case tit h4{margin-left: 10%;}
.page-case tit img,.page-market dd img,.market-show one g{      display: none;}
.page-case tit{    padding: 80px 0 40px;}

.case-show div{width: 90%;}
.case-show div img{width: 330px;}
.case-show dl{width: 90%;}
.case-show dl dt{}
.case-show dl dt b{margin-bottom: 1em;    font-size: 1.2em;}
.case-show dl dt p{ font-size: 0.9em;margin-bottom: 0;    line-height: 1.2em;}
.case-show dd{ margin-top:0;}
.case-show dd p{     height: 6em;}
.case-show dd p b{font-size: 0.8em;}
.case-show dd c{ margin-right:60%;    font-size: 1em;}

.case-show-tit left,.case-show-tit right{ width: 90%;}
.case-show-tit left h1{font-size: 1.4em;}
.case-show-tit right div{ margin-top:0; }
.case-show-tit right div img{  width:12px;}
.case-show-tit{    padding: 80px 0 20px;}

.page-market tit{ width:98%; margin-bottom: 1em;}
.page-market tit a{font-size: 0.8em;margin: 0 1% 1% 0;padding: 1% 3%;}
.proinfoList ul{    margin-left: 0;}
.pagePadding{ padding:1%;}
.proinfoList li{ width: 45%;height: 9em;margin: 0 3% 3% 0; }
.proinfoList .ico{ width: 40px;height: 40px;background-size: 100% 100%;}
.proinfoList .tit{     font-size: 0.8em;line-height: 2.2em;}

.page-about two img{ width:100%; }

#p-m-list{    width: 44%;height: 7em;border: 1px solid #BEA388;margin: 0px 0px 3% 3%;}

.page-market dd h1{margin-left: 18%;font-size: 1em;letter-spacing: 0.5em;}
.page-market dd h2{margin-left: 18%;    letter-spacing: 0.5em; font-size: 1.6em;}
.page-market dd h3{margin-left: 18%;}
.page-market dd{ padding: 80px 0 20px;}
.imgShowDemo .img{ max-height: 80%; max-width: 80%;}
.imgShowDemo .txt,.hi-num{    line-height: 2em;height: 2em;}
.imgShowDemo .txt .i{}
.page-market dl{ padding:1%;}
.page-market dl dt{width: 49%;height: 20em;}
.page-market dl dt p b{ font-size:0.9em; }

.page-market dl dt p g b,.page-market dl dt p g img,.page-job .list dl img { display: none;}

.market-show two{ width:98%; padding:1%;}
.market-show two left,.market-show two right{    float: left;width: 90%;margin-left: 5%;}
.market-show two right img{width: 330px;}
.market-show two left dt p{ width:49%;}
.market-show two left div p{ font-size:0.9em; }
.market-show two left b,.market-show two left c{ font-size:1em; }
.market-show one b{    border: 0;display: block;font-size: 1.6em;}
.market-show one{    padding: 2% 5% 5%;}

.page-job tit,.page-about tit{ padding: 80px 0 20px;}
.page-job tit b,.page-about tit b{ font-size: 1.4em;}
.page-job tit c,.page-about tit c{font-size: 0.8em;}
.page-job .list{    padding: 0% 1% 5% 1%;}
.page-job .list dl dt h1 b{ width:100%; }
.page-job .list dl dt h1 c{    margin-right: 1em;margin-left: 0;font-size: 0.8em;}
.page-job .list dl dt div p{ font-size:0.8em; }
.p-lc-one one h2 c{ width: 4em;font-size: 0.8em;}
.p-lc-one one h1{ text-align: center;}
.p-lc-one one h1 b{ display: inline-block;}
.p-lc-one one h1 g{      height: 2em;   margin-left: 50%;}
.p-lc-one dl{ width:90%;}
.p-lc-one dl dt{ width: 100%;}
.p-lc-one dl dt p{ width:85%;}
.p-lc-one dl dt b{ font-size: 1em;}
.p-lc-one dl dt p e{ font-size: 0.8em;}
.p-lc-one dl dt p c{ font-size: 1.3em;}
.p-lc-one dl h6{     display: none;}
.p-lc-one dl dt:nth-child(2n),.p-lc-one dl dt:nth-child(3n),.p-lc-one dl dt:nth-child(4n),.p-lc-one dl dt:nth-child(5n),.p-lc-one dl dt:nth-child(6n),.p-lc-one dl dt:nth-child(7n),.p-lc-one dl dt:nth-child(8n){ margin-top: 1em;}
.page-about bottom{width: 98%;    margin-bottom: 1em;}
.page-about bottom dl{ width: 90%;margin: 0 auto 0.5em ;float: none;overflow: hidden;}
.page-about bottom dl p{ float: left;}
.page-about bottom dl b{ line-height: 2em;padding: 0; font-size: 0.96em;text-align: left;float: left;width: 80%;margin-left: 5%;border: 0;}
.page-about bottom dl:hover b{border: 0;}
.page-about bottom dl p c{ border-radius: 50%;font-size: 0.8em;line-height: 2em;}
.page-about five p b,.page-about four p b{     margin-bottom: 0.5em;    font-size: 1.2em;}
.page-about five p c,.page-about four p c{    height: 1px;}
.page-about five dl a{ width:19%;}
.page-about four dl p,.page-about four dl p:first-of-type, .page-about four dl p:nth-child(4n),.page-about four dl p:nth-child(3n){width: 100%;    margin-bottom: 1em;border: 0;border-bottom: 1px solid;padding: 1%;}
.page-about four dl p e{ font-size: 0.6em;}
.page-about one,.page-about two,.page-about three{ padding: 4% 1%;}
.page-about one b,.index-online h1 b{font-size: 1.2em;}
.page-about one c{    font-size: 0.6em;}
.page-about two p,.page-about two p:first-of-type{ padding: 0;display: block;width:45%;border: 0;margin: 1%;float: left;}
.page-about two p b{font-size: 1.4em; display: inline-block;border-bottom: 1px solid;line-height: 1.2em;}
.page-about two p c{font-size: 0.8em;}
.page-about three left,.page-about three right{ width:100%; }
.page-about three left b,.page-about six p b{    font-size: 1.2em;}
.page-about three left g,.page-about six p c{height: 1px;}
.page-about three left e{font-size: 0.8em;}
.page-about three right img{ width: 60%;margin: 2em 0;}
.page-about six .banner .slide .box dl p b{font-size: 1.4em;}
.page-about six .banner .slide .box dl p b g{}
.page-about six .banner .slide .box dl p{ width: 48%;margin: 1%;height: 12em;}
.page-about six .banner .slide .box dl p c{width: 100%;font-size: 0.6em;}
.logo{ width: 60%;}
.logo p{    margin-top: 0;}
.logo p b{    font-size: 1.4em;}
.logo p c,.index-info p{    display: none;}
.index-info{    padding: 4% 1%;}
.index-info dl{ width: 44%;margin: 0 2%;    margin-bottom: 2em;}
.index-info dl b{font-size: 1.6em;border-top: 2px solid;}
.index-info dl c{ font-size: 0.9em;margin-bottom: 1em;border: 0;}
.index-info dl j{font-size: 0.6em;}
.index-online h1 c{ height:1px; }
.index-online h1,.index-online form{ width:90%;    margin: 0 0 1em 5%;}
.index-online h1 e{ font-size: 0.6em;}
.index-online form input{ width: 94%;height: 2em;line-height: 2em;font-size: 0.9em;    margin-bottom: 0.5em;}
.index-online form textarea{    width: 94%;font-size: 0.9em;line-height: 1.2em;padding: 2%;    margin-bottom: 0.5em;}
.index-online form p input{    padding-left: 0;font-size: 0.9em;}
.index-about left{  width:80px; height:80px; }
.index-about center{ width:60%; }
.index-about center b{font-size: 1.2em; }
.index-about center e{ width:100%;    font-size: 0.7em;}
.index-about right{ float:right; width:50%; margin-top: 1em; line-height: 1.6; margin-right: 5%;}
.index-about left p b{    border-bottom: 1px solid;font-size: 2em;}
.index-about left p c{ }
.index-about left p e,banner .slider right one h4{    font-size: 0.8em;}

banner .slider{ width: 100%;left: 0;    height: auto;}
banner .slider  left b{ border: 5px solid #3f3f3f; left: 0;}
banner .slider  left img{     top: 7%;width: 85%;left: 10%;height: 80%;}
banner .box{ width: 100%;height: 90%;position: relative;left: 0%;top: 5%;}
banner .slider left{ width: 90%;height: 12em;margin: 0; }

banner txt{  top: 30em;width: 90%;    display: none;}
banner txt  one h2{  border-top: 2px solid #BAA37D;}
banner txt  one h2 e{ font-size:1.2em;    bottom: 0;}
banner txt  one h2 g{padding-bottom: 0;font-size: 0.8em;}
banner txt  one h3{ font-size: 0.8em;    display: none;}
banner txt  one h1{ margin-bottom: 0.5em;letter-spacing: 0;}
banner txt  one h2 b l,banner .slider right one h2 c k{font-size:1em;line-height: 1; }
banner txt  one h2 b k{ font-size:2.4em; }
banner txt one h5{ line-height: 1.2;}
banner txt one h5 b{font-size: 0.8em;    letter-spacing: 0;}




.index-case dd p,.index-case dd img{ width:100%;    height: 7em; }
.index-case dd p b{    font-size: 1em;margin: 0;    width: 90%;     margin-top: 0.8em;}
.index-case dd p b br{    display: none;}
.index-case dd p c{    margin: 0; width:90%; font-size:1.4em; }
.index-case dd p e{    margin: 0; width:90%; font-size:0.6em; }
.index-case dl dt{ width:100%;    border: 0;height: 8em;}
.page-contact left{ margin-top:60px; }
.index-case dl dt:nth-child(2n) p{left: 50%;}
.index-case dl dt:nth-child(3n) p{left: 0;}
.index-case dl dt:nth-child(4n) p{left: 50%;}
.index-case dl dt:nth-child(5n) p{left: 0;}
.index-case dl dt:nth-child(6n) p{left: 50%;}
.index-case dl dt p b{    font-size: 0.6em;    margin-top: 4em;}
.index-product dl p{margin-right: 3%;width: 30%;}
.index-product dl p c{ font-size:0.8em; }
.index-product dl p img{    border-radius: 0.5em;}
.index-product dl p b{ height:2px; }
.index-product tit,.index-mc tit,.index-case tit{ font-size:1em; }
.index-mc tit g{    margin-top: 1em;}
.index-mc tit e,.index-mc .box right dt c,.index-mc .box right dt e,.index-mc .arrowsWrapper{ display:none;}
.index-mc .slider{ height:12em; }
.index-mc{ height:18em; }
.index-mc .box right dt img{ width:100px; }
.index-mc .box right dt b{font-size:1em; border: 0;margin-left: 0;line-height: 1; margin-top: 1em;}
.index-mc .box right dt{ left: 15%;width: 75%;}
banner .slider right one h2{ border-top: 2px solid #BAA37D;}
banner .slider right one h2 c l c{ font-size:1em; }
.slider-nav{    bottom: 0;}
.index-case dl dt p{     background: rgba(0, 0, 0, 0.8);}
.index-mc .box right{width: 60%;right: 0;} 
.index-about right img,.pc-case-img{display: none;}
.case-show-img{  width: 90%;  display: block;    margin: 5%;}
.case-show-img img{ width: 280px;   }
.banner .testSlider{width: 97%;left: 0;top: 4em;height: 300px;}
.one{height: 57%;}
.cpt-slider .ul-slider .li-slider{width:14% !important;height: 100% !important;background-size:68% !important;background-repeat: no-repeat !important;background-position: 9% 0% !important;}










}